<!-- 主题设置模板 -->


<div id="app">
  <el-radio-group v-model="tabPosition" style="margin-bottom: 30px;">
    <el-radio-button label="top">top</el-radio-button>
    <el-radio-button label="right">right</el-radio-button>
    <el-radio-button label="bottom">bottom</el-radio-button>
    <el-radio-button label="left">left</el-radio-button>
  </el-radio-group>

  <el-tabs :tab-position="tabPosition" style="min-height: 200px;">
    <el-tab-pane label="用户管理">用户管理</el-tab-pane>
    <el-tab-pane label="配置管理">配置管理</el-tab-pane>
    <el-tab-pane label="角色管理">角色管理</el-tab-pane>
    <el-tab-pane label="角色管理">角色管理</el-tab-pane>
    <el-tab-pane label="角色管理">角色管理</el-tab-pane>
    <el-tab-pane label="角色管理">角色管理</el-tab-pane>
    <el-tab-pane label="角色管理">角色管理</el-tab-pane>
    <el-tab-pane label="角色管理">角色管理</el-tab-pane>
    <el-tab-pane label="角色管理">角色管理</el-tab-pane>
    <el-tab-pane label="角色管理">角色管理</el-tab-pane>
    <el-tab-pane label="角色管理">角色管理</el-tab-pane>
    <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>
  </el-tabs>
</div>



<script>
  //若需用到 layui 组件，layui.use 需写在该全局方法里面，如：
  layui.use(['admin', 'identityApi', 'view'], function () {

    var admin = layui.admin;
    var identityApi = layui.identityApi;
    var gameId = layui.router().search.id;
    var view = layui.view;

    var myApp = new Vue({
      el: '#app',
      data: function () {
        return {
          gameId: gameId, // 假设这是从某处获取的游戏ID  
          count: 0,
          dataList: [],
          tabPosition: 'left'
        }
      }
      , methods: {

        getData() {

        },

      },
      mounted: function () {
        // this.getData();


      },
      created: function () {
        //	this.getData();
      },


    });

  });

</script>